<template>
  <teleport to="#w-dfish-pops" v-if="p.hidden"></teleport>
  <w-dialog v-else-if="p.cmd.type === 'Dialog'" v-bind="p.cmd"></w-dialog>
  <w-alert v-else-if="p.cmd.type === 'Alert'" v-bind="p.cmd"></w-alert>
  <w-confirm v-else-if="p.cmd.type === 'Confirm'" v-bind="p.cmd"></w-confirm>
  <w-tip v-else-if="p.cmd.type === 'Tip'" v-bind="p.cmd"></w-tip>
  <w-menu v-else-if="p.cmd.type === 'Menu'" v-bind="p.cmd"></w-menu>
  <w-loading v-else-if="p.cmd.type === 'Loading'" v-bind="p.cmd"></w-loading>
</template>

<script>
  import $ from '../dfish.js'
  import {h} from 'vue'

  export default {
    name: 'w-pop',
    props: ['p'],

  }
</script>

<style>
</style>
